// script.js
document.addEventListener('DOMContentLoaded', () => {
    const loginBtn = document.getElementById('login-btn');
    const registerBtn = document.getElementById('register-btn');
    const logoutBtn = document.getElementById('logout-btn');

    loginBtn.addEventListener('click', () => {
        loginBtn.style.display = 'none';
        registerBtn.style.display = 'none';
        logoutBtn.style.display = 'block';
    });

    logoutBtn.addEventListener('click', () => {
        loginBtn.style.display = 'block';
        registerBtn.style.display = 'block';
        logoutBtn.style.display = 'none';
    });

    // 导航栏点击事件
    const links = document.querySelectorAll('.sidebar ul li a');
    const sections = document.querySelectorAll('.content-section');

    links.forEach(link => {
        link.addEventListener('click', (event) => {
            event.preventDefault();
            const targetId = link.getAttribute('href').substring(1);

            // 移除所有导航栏的激活状态
            links.forEach(l => {
                l.classList.remove('active');
            });

            // 添加被点击导航栏的激活状态
            link.classList.add('active');

            sections.forEach(section => {
                if (section.id === targetId) {
                    section.classList.add('active');
                } else {
                    section.classList.remove('active');
                }
            });
        });
    });

    // 默认展示第一个内容区域
    if (sections.length > 0) {
        sections[0].classList.add('active');
        links[0].classList.add('active'); // 默认第一个导航栏激活状态
    }
});

// 登陆注册
$(document).ready(function() {
    // 用户登录后的处理逻辑
    function handleLogin(user) {
        // 隐藏登录和注册按钮，显示用户头像、用户名和退出按钮
        $("#login-btn, #register-btn").hide();
        $("#user-profile").show();
        $("#user-name").text(user.username);
        $("#user-membership").text(user.vip ? "会员" : "普通");
        $("#user-avatar").attr("src", "/img/user.png");
        $("#logout-btn").show();
    }

    // 用户退出登录后的处理逻辑
    function handleLogout() {
        // 隐藏用户头像、用户名和退出按钮，显示登录和注册按钮
        $("#user-profile").hide();
        $("#logout-btn").hide();
        $("#login-btn, #register-btn").show();
        sessionStorage.removeItem("user");
    }

    // 检查用户是否已经登录
    var user = JSON.parse(sessionStorage.getItem("user"));
    if (user) {
        handleLogin(user);
    } else {
        $("#login-btn, #register-btn").show();
    }

    // 绑定退出按钮点击事件
    $("#logout-btn").click(function() {
        handleLogout();
        window.location = "/index";
    });

    // 登录按钮点击事件
    $("#login-btn").click(function() {
        window.location = "/login";
    });

    // 注册按钮点击事件
    $("#register-btn").click(function() {
        window.location = "/register";
    });
});